let passwordAgain = $(".passwordAgain").eq(0); // 确认登录部分
let username = $("input[name='username']"); // 用户名框
let password = $("input[name='password']"); // 密码框
let password_again = $("input[name='password_again']"); // 确认密码框
let register = $("#register"); // 注册按钮
let login = $("#login"); // 登录按钮
let check = $("input[name='checkbox']"); //确认协议
let code = $("#code"); //验证码

register.click(function () {
  console.log(vCode);
  // 单击注册显示确认密码框
  console.log(passwordAgain.hasClass("hide"));
  // 如果确认密码框不存在则显示 存在则进行数据获取和上传
  if (passwordAgain.hasClass("hide")) {
    passwordAgain.removeClass("hide");
  } else {
    // 判断用户名是否为空
    if (username.val() == "") {
      alert("用户名不能为空");
      username.focus();
      return;
    }
    // 判断密码是否为空
    if (password.val() == "") {
      alert("密码不能为空");
      password.focus();
      return;
    }
    // 判断密码是否一致
    if (password.val() != password_again.val()) {
      alert("两次输入的密码不一致");
      password_again.focus();
      return;
    }
    // 判断是否已阅读协议
    if (!check.prop("checked")) {
      alert("请阅读并勾选协议");
      return;
    }
    // 判断验证码是否正确
    if (vCode != code.val()) {
      alert("验证码错误");
      return;
    }
    // 上传数据，并对返回的数据处理
    $.ajax({
      type: "post",
      url: "/register",
      data: {
        username: username.val(),
        password: password.val(),
      },
      success: function (res) {
        console.log(res);
        if (res.status == 1) {
          alert(`注册成功,您的账户名为${username.val()}`);
          passwordAgain.addClass("hide");
        } else if (res.status == 0) {
          alert("用户名已存在");
        }
      },
      error: function (err) {
        console.log(err);
      },
    });
  }
});

login.click(function () {
  // 点击登录按钮隐藏确认密码框
  passwordAgain.addClass("hide");
  if (username.val() == "" || password.val() == "") {
    alert("用户名或密码不能为空");
    return;
  } else {
    // 判断是否已阅读协议
    if (!check.prop("checked")) {
      alert("请阅读并勾选协议");
      return;
    }
    // 判断验证码是否正确
    if (vCode != code.val()) {
      alert("验证码错误");
      return;
    }
    // 上传数据,并对返回的数据处理
    $.ajax({
      type: "post",
      url: "http://localhost:3000/login",
      data: {
        username: username.val(),
        password: password.val(),
      },
      success: function (res) {
        console.log(res);
        if (res.status == 1) {
          alert("登录成功");
            location.href = "http://localhost:3000";
            setTimeout(() => {
              location.reload();
            }, 500);
        } else {
          alert("账号或密码错误");
        }
      },
      error: function (err) {
        console.log("ajax请求出错", err);
      },
    });
  }
});
